@charset "utf-8";
html {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    background-color: #eee;
}

.html_image {
    background: #eee url("../images/gray.png") repeat-y;
    background-size: 36.0rem auto;
    background-position: center center;
}

/*
@font-face {
    font-family: "Avenir Next Condensed";
    src:url('../fonts/Avenir Next Condensed.ttc') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Kohinoor;
    src:url('../fonts/Kohinoor.ttc');
}
*/
div {
    vertical-align: middle;
}

/* for Chrome */
::-webkit-scrollbar {
    display: none
}

body {
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    max-width: 36.0rem;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    height: 100%;
    padding: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    min-height: 46.6666666667rem;
}

body:after {
    content: "";
    display: block;
    position: absolute;
    background: url("../images/loading.gif") no-repeat -333.333333333rem -33.3333333333rem;
    width: 0;
    height: 0
}

.loading_background {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: black;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
}

.loading_progressBar {
    background: url("../images/loading.gif") no-repeat;
    background-size: 4.26666666667rem 4.26666666667rem;
}

.loading_progressBar {
    display: block;
    width: 4.0rem;
    height: 4.0rem;
    position: fixed;
    top: 50%;
    left: 50%;
    font-weight: bold;
    z-index: 2001;
    margin-left: -2.13333333333rem;
    margin-top: -2.13333333333rem;
}

.header {
    height: 4.53333333333rem;
    background: #000000;
    position: relative;;
}

.header_height {
    height: 4.53333333333rem;
}

.header_float {
    height: 4.53333333333rem;
    background: #000000;
    position: fixed;
    top: 0rem;
    width: 36.0rem;
    z-index: 1;
}

.header_panel {
    width: 18.0rem;
    display: inline;
}

.header_left_panel {
    margin-top: 1.2rem;
    margin-left: 1.13333333333rem;
    margin-right: 0rem;
    float: left;
}

.fish_icon {
    height: 2.13333333333rem;
}

.header_amount {
    color: #ffffff;
    font: 400 2.0rem Avenir Next Condensed, sans-serif;
    line-height: 4.53333333333rem;
    font-size: 2.0rem;
}

.head_amount_position {
    line-height: 4.53333333333rem;
    margin-left: 0.333333333333rem;
    margin-right: 0.333333333333rem;
}

.header_unit_position {
    line-height: 4.53333333333rem;
}

.header_line_height {
    line-height: 4.53333333333rem;
}

.invite_button_position {
    text-align: right;
    float: right;
    margin-right: 5.66666666667rem;
    margin-top: 0.833333333333rem;
}

.invite_button_margin {
    margin-top: 0.533333333333rem;
}

.header_image {
    float: left;
    margin-left: 0.333333333333rem;
    margin-right: 0.333333333333rem;
}

.header_image_position {
    height: 3.66666666667rem;
    margin-top: 0.133333333333rem;
}

.head_button_panel {
    position: absolute;
    max-width: 36.0rem;
    text-align: right;
    height: 0rem;
    left: 0rem;
    right: 0rem;
    top: 0rem;
    margin: auto;
}

.head_button_position {
    margin-right: 1.13333333333rem;
    margin-top: 0.433333333333rem;
}

.hot_position {
    position: absolute;
    margin-left: 20.6666666667rem;
    margin-top: -2.83333333333rem;
    height: auto;
}

.hot_height {
    height: 1.63333333333rem;
    margin-right: 0.666666666667rem;
}

.hot_panel_position {
    /*margin-right: 2.26666666667rem;*/
}

.bowl_panel {
    position: relative;
    height: 21.6666666667rem;
    margin-top: 0rem;
}

.bowl_sub_panel {
    position: absolute;
    width: 100%;
}

.bowl_sold_position {
    height: 10%;
    margin-top: 6.66666666667rem;
}

.bowl_sold_amount_position {
    height: 10%;
    margin-top: 0.666666666667rem;
}

.buy_panel_top {
    margin-top: 2.0rem;
}

.buy_panel_amount_position {
    line-height: 2.86666666667rem;
    height: 2.86666666667rem;
    display: inline;
}

.buy_panel_unit_position {
    line-height: 2.86666666667rem;
    height: 2.86666666667rem;
    display: inline;
    margin-left: 0rem;
    margin-right: 1.66666666667rem;
}

.bowl_auction_panel {
    position: relative;
    height: 33.3333333333rem;
    margin-top: 1.0rem;
}

.mybowl_height {
    height: 30.0rem;
    margin-top: 0rem;
}

.bowl_id_position {
    height: 5%;
    margin-top: 6.66666666667rem;
}

.bowl_id_value_position {
    height: 10%;
    margin-top: 1.66666666667rem;
}

.bowl_countdown_position {
    height: 10%;
    margin-top: 0rem;
}

.buy_fishbowl_image_position {
    position: absolute;
    margin-top: 3.33333333333rem;
}

.sell_fishbowl_panel {
    display: block;
    margin-top: -2.66666666667rem;
    position: relative;
}

.min-height {
    min-height: 64.3333333333rem;
}

.circle {
    width: 3.66666666667rem;
    height: 3.66666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: lighter 3.0rem Avenir, sans-serif;
    font-size: 3.06666666667rem;
    font-weight: 100;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 3.66666666667rem;
    color: #007aff;
    background: #ffffff;
    /*margin-top: -1.43333333333rem;*/
    vertical-align: top;
    -webkit-border: solid 0.0333333333333rem #000000;
    -moz-border: solid 0.0333333333333rem #000000;
    border: solid 0.0333333333333rem #000000;
    cursor: pointer;
}

.small_circle {
    width: 2.66666666667rem;
    height: 2.66666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: lighter 3.0rem Avenir, sans-serif;
    font-size: 3.06666666667rem;
    font-weight: 100;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.66666666667rem;
    color: #007aff;
    background: #ffffff;
    margin-top: -1.43333333333rem;
    -webkit-border: solid 0.0333333333333rem #000000;
    -moz-border: solid 0.0333333333333rem #000000;
    border: solid 0.0333333333333rem #000000;
    cursor: pointer;
}

.circle_red {
    width: 2.0rem;
    height: 2.0rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: lighter 1.0rem Avenir, sans-serif;
    font-size: 1.2rem;
    font-weight: 100;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.0rem;
    color: white;
    background: red;
    /*margin-top: -1.43333333333rem;*/
    vertical-align: top;
}

.circle_small_red {
    width: 0.833333333333rem;
    height: 0.833333333333rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: lighter 1.0rem Avenir, sans-serif;
    font-size: 1.2rem;
    font-weight: 100;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 0.833333333333rem;
    color: white;
    background: red;
    /*margin-top: -1.43333333333rem;*/
    vertical-align: top;
}

.circle_info {
    width: 2.0rem;
    height: 2.0rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: lighter 2.0rem Avenir, sans-serif;
    font-size: 2.0rem;
    font-weight: 600;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.0rem;
    color: #ffffff;
    background: #007aff;
    margin-top: -1.43333333333rem;
    -webkit-border: solid 0.0333333333333rem #000000;
    -moz-border: solid 0.0333333333333rem #000000;
    cursor: pointer;
}

.button {
    width: 7.56666666667rem;
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: 600 1.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 1.6rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    cursor: pointer;
}

.button_small {
    width: 6.0rem;
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: 600 1.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 1.6rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    cursor: pointer;
}

.button_long {
    width: 27.5333333333rem;
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: 600 1.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 1.6rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    cursor: pointer;
}

.button_middle {
    width: 14.5rem;
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    color: #ffffff;
    background: #007aff;
    cursor: pointer;
}

.button_icon_middle {
    width: 12.6666666667rem;
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    color: #ffffff;
    background: #007aff;
    cursor: pointer;
    font: 600 1.0rem Avenir Next Condensed, sans-serif;
    font-size: 1.2rem;
    line-height: 2.86666666667rem;
}

.button_scale {
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 1.0rem;
    text-align: center;
    text-decoration: none;
    font: 600 1.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 1.6rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    cursor: pointer;
}

.button_scale_border {
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 1.0rem;
    text-align: center;
    text-decoration: none;
    font: 500 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    cursor: pointer;
    border: 0.0666666666667rem solid #007aff;
    color: #007aff;
    background: #ffffff;
    cursor: pointer;
}

.button_scale_min {
    height: 2.86666666667rem;
    min-width: 6.56666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 1.0rem;
    text-align: center;
    text-decoration: none;
    font: 600 1.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 1.6rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    cursor: pointer;
}

.button_code {
    width: 7.56666666667rem;
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: 600 1.66666666667rem Avenir Next Condensed, sans-serif;
    font-size: 1.73333333333rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    cursor: pointer;
}

.button_border {
    width: 7.56666666667rem;
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: 300 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    cursor: pointer;
    border: 0.0666666666667rem solid #007aff;
    color: #007aff;
    background: #ffffff;
}

.button_scale_small {
    height: 1.53333333333rem;
    display: inline-block;
    position: relative;
    padding: 0rem 1.0rem;
    text-align: center;
    text-decoration: none;
    font: 600 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    -webkit-border-radius: 0.766666666667rem;
    -moz-border-radius: 0.766666666667rem;
    border-radius: 0.766666666667rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 1.53333333333rem;
    cursor: pointer;
}

.button_menu {
    width: 32.2666666667rem;
    height: 2.93333333333rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: 600 1.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 1.6rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.93333333333rem;
    border: 0.0666666666667rem solid #007aff33;
    box-shadow: 0 0 0.333333333333rem #007aff33;
    cursor: pointer;
}

.blue {
    color: #ffffff;
    background: #007aff;
}

.blue a:active {
    color: rgba(255, 255, 255, 0.4);
    background-color: rgba(0, 122, 255, 0.4);
}

.blue a:hover {
    color: rgba(255, 255, 255, 0.4);
    background-color: #ffffff;
}

.blue_disable {
    color: #ffffff;
    background: #d5d5d5;
}

.lightgray {
    color: #007aff;
    background: #f6f6f6;
}

.gray {
    color: #007aff;
    background: #f0f0f8;
}

.white {
    color: #007aff;
    background: #ffffff;
}

.gray_code {
    color: #000000;
    background: #f0f0f8;
}

.circle_head {
    width: 3.66666666667rem;
    height: 3.66666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 1.83333333333rem;
    -moz-border-radius: 1.83333333333rem;
    border-radius: 1.83333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 3.66666666667rem;
}

.circle_head_big {
    width: 7.33333333333rem;
    height: 7.33333333333rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 3.66666666667rem;
    -moz-border-radius: 3.66666666667rem;
    border-radius: 3.66666666667rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 7.33333333333rem;
}

.circle_head_small {
    width: 5.6rem;
    height: 5.6rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 2.8rem;
    -moz-border-radius: 2.8rem;
    border-radius: 2.8rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 5.6rem;
}

.circle_head_biggest {
    width: 13.6rem;
    height: 13.6rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 6.8rem;
    -moz-border-radius: 6.8rem;
    border-radius: 6.8rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 5.6rem;
}

.bid_panel {
    width: 32.0rem;
    height: 10.0rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: left;
    text-decoration: none;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    background: #ffffff;
}

.section_title_position {
    margin-left: 4.0rem;
}

.section_title {
    color: #000000;
    padding-top: 3.33333333333rem;
    margin-bottom: 1.16666666667rem;
}

.section_small_title {
    color: #000000;
    padding-top: 1.16666666667rem;
    margin-bottom: 1.16666666667rem;
}

.label_gray_title {
    padding-left: 4.0rem;
    padding-top: 2.3rem;
    padding-bottom: 0.333333333333rem;
}

.code {
    margin-top: 3.33333333333rem;
    margin-bottom: 3.33333333333rem;
}

.address_position {
    margin-bottom: 1.66666666667rem;
}

.center {
    text-align: center;
}

.input {
    display: inline-block;
    background: #d5d5d6;
    height: 3.66666666667rem;
    width: 24.6666666667rem;
    margin-left: -1.83333333333rem;
    margin-right: -1.83333333333rem;
    line-height: 3.66666666667rem;
}

.input_5_6 {
    display: inline-block;
    background: #d5d5d6;
    height: 3.66666666667rem;
    width: 28.0rem;
    margin-left: -1.83333333333rem;
    margin-right: -1.83333333333rem;
    line-height: 3.66666666667rem;
}

.input_short {
    display: inline-block;
    background: #d5d5d6;
    height: 3.66666666667rem;
    width: 18.0rem;
    margin-left: -1.83333333333rem;
    margin-right: -1.83333333333rem;
    line-height: 3.66666666667rem;
}

.input_line-height {
    line-height: 3.66666666667rem;
}

.label_value {
    line-height: 3.66666666667rem;
}

.footer {
    position: fixed;
    bottom: 0rem;
    height: 5.46666666667rem;
    background: #ffffff;
    width: 36.0rem;
    -webkit-border-top: solid 0.0333333333333rem #9e9e9d;
    -moz-border-top: solid 0.0333333333333rem #9e9e9d;
    border-top: solid 0.0333333333333rem #9e9e9d;
}

.menu {
    display: inline-block;
    width: 7.0rem;
    text-align: center;
    cursor: pointer;
}

#menu_assets {
    float: right;
}

.menu_label {
    color: #5e5e5e;
    text-align: center;
    text-decoration: none;
}

.menu_label_select {
    color: #007aff;
    text-align: center;
    text-decoration: none;
}

.menu_label_div {
    margin-top: 0.333333333333rem;
    height: auto;
}

.menu_icon_div {
    height: 2.33333333333rem;
    margin-top: 0.666666666667rem;
}

.content_width_2_4 {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
    /*word-wrap: break-word;*/
}

.content_width_5_6 {
    margin-left: 1.86666666667rem;
    margin-right: 1.86666666667rem;
    /*word-wrap: break-word;*/
}

.content_width_padding_4 {
    padding-left: 1.33333333333rem;
    padding-right: 1.33333333333rem;
    word-wrap: break-word;
}

.content_little_width {
    margin-left: 1.33333333333rem;
    margin-right: 1.33333333333rem;
    /*word-wrap: break-word;*/
}

.content_width {
    margin-left: 2.66666666667rem;
    margin-right: 2.66666666667rem;
    /*word-wrap: break-word;*/
}

.margin-right-content {
    margin-right: 2.66666666667rem;
}

.content_big_width {
    margin-left: 4.0rem;
    margin-right: 4.0rem;
    word-wrap: break-word;
}

.width_84 {
    width: 28.0rem;
}

.width_63 {
    width: 21.0rem;
}

.content_big_width_padding {
    padding-left: 4.0rem;
    padding-right: 4.0rem;
    word-wrap: break-word;
}

.margin-top-bottom {
    margin-top: 2.0rem;
    margin-bottom: 2.0rem;
}

.margin-top-bottom_big {
    margin-top: 2.0rem;
    margin-bottom: 2.0rem;
}

.margin-top-6 {
    margin-top: 2.0rem;
}

.margin-top-8 {
    margin-top: 2.66666666667rem;
}

.margin-top-6 {
    margin-top: 2.0rem;
}

.padding-bottom-big {
    padding-bottom: 2.0rem;
}

.margin-top-bottom-small {
    margin-top: 0.666666666667rem;
    margin-bottom: 0.666666666667rem;
}

.margin-top-little {
    margin-top: 0.666666666667rem;
}

.margin-top-bottom-middle {
    margin-top: 1.66666666667rem;
    margin-bottom: 1.66666666667rem;
}

.margin-small-bottom {
    margin-bottom: 2.0rem;
}

.margin-bottom-4 {
    margin-bottom: 1.33333333333rem;
}

.padding-small-bottom {
    padding-bottom: 2.0rem;
}

.market_data {
    background: #f0f0f8;
}

.margin-bottom-middle {
    margin-bottom: 3.33333333333rem;
}

.margin-middle-bottom {
    margin-bottom: 6.66666666667rem;
}

.margin-big-top {
    margin-top: 10.6666666667rem;
}

.margin-bigger-top {
    margin-top: 15.3333333333rem;
}

.margin-biggest-top {
    margin-top: 16.6666666667rem;
}

.margin-small-top {
    padding-top: 1.3rem;
}

.input_circle {
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 1.43333333333rem;
    text-decoration: none;
    font: lighter 1.66666666667rem Kohinoor Devanagari, sans-serif;
    font-size: 1.73333333333rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    background: #f0f0f8;
}

input {
    background: transparent;
    -webkit-border: none;
    -moz-border: none;
    border: none;
}

.input_long {
    width: 24.6666666667rem;
}

.input_middle {
    width: 15.6666666667rem;
}

.input_phone {
    width: 18.8666666667rem;
}

.sms_code_position {
    margin-right: 1.0rem;
}

.margin-left {
    margin-left: 4.0rem;
}

.margin-top {
    margin-top: 6.0rem;
}

.margin-top-lang {
    margin-top: 1.0rem;
}

.margin-top-middle {
    margin-top: 3.2rem;
}

.margin-top-8 {
    margin-top: 2.66666666667rem;
}

.margin-top-left-bowl {
    margin-top: 1.33333333333rem;
    margin-left: 3.66666666667rem;
}

.margin-bottom {
    margin-bottom: 10.6666666667rem;
}

.balance_label {
    display: inline-block;
    color: #8e8e93;
}

.balance_value {
}

.balance {
    display: inline-block;
    margin-left: 0rem;
    width: 16.6666666667rem;
}

.price_width {
    width: 17.0rem;
}

.fish_width {
    width: 14.0rem;
}

.inline {
    display: inline;
    float: left;
}

.inline-block {
    display: inline-block;
}

.fishchain_background {
    background: url("../images/cover_background.png") #eeeacf no-repeat;
    background-size: 36.0rem;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.invite_amount {
    width: 8.0rem;
    height: 3.33333333333rem;
}

.invite_panel {
    margin-left: 4.0rem;
    width: 13.3333333333rem;
}

.invite_right_panel {
    display: inline;
}

.invite_panel_position {
    position: relative;
    height: 23.3333333333rem;
    margin-top: 3.33333333333rem;
}

.invite_panel_position1 {
    position: relative;
    height: 18.3333333333rem;
    margin-top: 0rem;
}

.invite_panel_position:after {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/UI_invite_bg1.jpg") no-repeat -333.333333333rem -33.3333333333rem;
    width: 0;
    height: 0
}

.invite_subpanel_width {
    width: 12.6666666667rem;
}

.margin-left-middle {
    margin-left: 1.66666666667rem;
}

.invite_image_width {
    width: 14.0rem;
}

.invite_icon_height {
    height: 5.66666666667rem;
}

.invite_little_icon_height {
    height: 2.66666666667rem;
}

.invite_margin_top {
    margin-top: 1.66666666667rem;
}

.clear {
    clear: both;
}

.withdraw_desc_width {
    width: 26.0rem;
}

.footer_height {
    height: 5.33333333333rem;
    display: block;
}

.top {
    vertical-align: top;
}

.confirm_button_margin {
    margin-left: 1.66666666667rem;
    margin-right: 1.66666666667rem;
}

.tips_header {
    height: 8.2rem;
    -webkit-box-shadow: 0px 0.0333333333333rem 0.666666666667rem rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 0.0333333333333rem 0.666666666667rem rgba(0, 0, 0, 0.9);
    box-shadow: 0rem 0.0333333333333rem 0.666666666667rem rgba(0, 0, 0, 0.9);
}

.tips_panel {
    background: #373c47;
    height: 7.86666666667rem;
    margin-left: 0.333333333333rem;
    margin-right: 0.333333333333rem;
    -webkit-border-radius: 0px 0px 0.333333333333rem 0.333333333333rem;
    -moz-border-radius: 0px 0px 0.333333333333rem 0.333333333333rem;
    border-radius: 0px 0px 0.333333333333rem 0.333333333333rem;
}

.tips_content {
    display: inline-block;
    margin-left: 1.66666666667rem;
    margin-top: 1.66666666667rem;
    width: 24.0rem;
    word-wrap: break-word;
}

.tips_content_lang {
    display: inline-block;
    margin-left: 1.33333333333rem;
    margin-top: 1.66666666667rem;
    width: 33.3333333333rem;
    word-wrap: break-word;
}

.tips_lang {
    background: rgba(0, 153, 0, 0.97);
    height: 8.2rem;
    -webkit-box-shadow: 0px 0.0333333333333rem 0.666666666667rem rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 0.0333333333333rem 0.666666666667rem rgba(0, 0, 0, 0.9);
    box-shadow: 0rem 0.0333333333333rem 0.666666666667rem rgba(0, 0, 0, 0.9);
}

.lang_button_panel {
    position: absolute;
    max-width: 36.0rem;
    text-align: right;
    height: 0rem;
    left: 0rem;
    right: 0rem;
    top: 0rem;
    margin: auto;
}

.lang_button_position {
    margin-right: 2.16666666667rem;
    margin-top: 1.0rem;
}

.margin_top_line {
    margin-top: 1.66666666667rem;
}

.margin_top_bottom_line {
    margin-top: 1.66666666667rem;
    margin-bottom: 1.66666666667rem;
}

.margin_top_middle {
    margin-top: 1.66666666667rem;
}

.right {
    text-align: right;
}

.right_float {
    float: right;
}

.currency_margin_left_right {
    margin-left: 0.333333333333rem;
    margin-right: 0.333333333333rem;
}

.tab_background {
    background: #f0f0f8;
    width: 100%;
    height: 3.86666666667rem;
    display: inline-block;
}

.tab_width {
    width: 49.5%;
    cursor: pointer;
}

.tab_selected {
    /*width: 14.6666666667rem;*/
    width: 90%;
    height: 3.86666666667rem;
    background: #ffffff;
    line-height: 3.86666666667rem;
    /*margin-left: 1.66666666667rem;*/
    margin-left: 5%;
    margin-top: 0rem;
    -webkit-border-radius: 1.33333333333rem 1.33333333333rem 0 0;
    -moz-border-radius: 1.33333333333rem 1.33333333333rem 0 0;
    border-radius: 1.33333333333rem 1.33333333333rem 0 0;
    color: #007aff;
    margin-top: 0.2rem;
}

.tab_unselected {
    float: left;
    width: 17.9666666667rem;
    height: 3.86666666667rem;
    background: #d5d5d5;
    line-height: 3.46666666667rem;
}

.tab_width_small {
    width: 36.6%;
    cursor: pointer;
}

.tab_width_little {
    width: 34%;
    cursor: pointer;
}

.tab_height {
    line-height: 3.86666666667rem;
    height: 3.86666666667rem;
    cursor: pointer;
}

.line {
    -webkit-border-top: solid 0.06rem #e1e1e9;
    -moz-border-top: solid 0.06rem #e1e1e9;
    border-top: solid 0.06rem #e1e1e9;
}

.history_title_width {
    width: 6.66666666667rem;
}

.history_background {
    background: #f0f0f8;
    padding-top: 2.66666666667rem;
    padding-bottom: 3.33333333333rem;
}

.history_content_width {
    width: 23.3333333333rem;
    word-wrap: break-word;
}

.margin-top-normal {
    margin-top: 1.66666666667rem;
}

.margin-top-normal2 {
    margin-top: 2.33333333333rem;
}

.margin-top-big {
    margin-top: 3.33333333333rem;
}

.margin-top-spin {
    margin-top: -0.666666666667rem;
}

.margin-top-spin1 {
    margin-top: 3.66666666667rem;
}

.right_content_position {
    position: absolute;
    right: 2.66666666667rem;
    display: inline-block;
}

h1 {
    margin-top: 2.0rem;
    margin-bottom: 2.0rem;
}

.float-left {
    float: left;
}

.margin-left-right {
    margin-left: 0.333333333333rem;
    margin-right: 0.333333333333rem;
}

.margin-left-smaller {
    margin-left: 0.333333333333rem;
}

.margin-right-smaller {
    margin-right: 0.333333333333rem;
}

.currency_title_width {
    width: 11.0rem;
    height: 3.33333333333rem;
    line-height: 3.33333333333rem;
}

.margin-top-small {
    margin-top: 1.0rem;
}

.padding-top-small {
    padding-top: 1.0rem;
}

.margin-top-smaller {
    margin-top: 0.333333333333rem;
}

.margin-bottom-small {
    margin-bottom: 0.666666666667rem;
}

.margin-left-right-small {
    margin-left: 0.666666666667rem;
    margin-right: 0.666666666667rem;
}

.margin-left-small {
    margin-left: 0.666666666667rem;
}

.margin-left-small2 {
    margin-left: 0.6rem;
}

.margin-left-small3 {
    margin-left: 1.0rem;
}

.currency_big_gray_font_line_height {
    line-height: 2.73333333333rem;
}

.username_position {
    margin-left: 9.0rem;
    padding-top: 0rem;
}

.username_button_position {
    margin-left: 9.0rem;
    margin-top: 0.833333333333rem;
}

.new_username_button_position {
    margin-left: 9.0rem;
    margin-top: 0.833333333333rem;
}

.trade_title_width {
    width: 6.66666666667rem;
}

.order_title_width {
    width: 6.66666666667rem;
}

.order_left_width {
    width: 6.66666666667rem;
}

.order_middle_width {
    width: 13.3333333333rem;
}

.trade_panel_position {
    margin-top: 0.666666666667rem;
    width: 16.0rem;
}

.icon_fishtank_width {
    width: 3.33333333333rem;
}

.icon_exchange_width {
    width: 3.33333333333rem;
}

.icon_assets_width {
    width: 3.33333333333rem;
}

input[type=checkbox] {
    visibility: hidden;
}

.checkbox {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    position: relative;
    -webkit-box-shadow: 0px 0.0333333333333rem 0.1rem rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 0.0333333333333rem 0.1rem rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0.0333333333333rem 0.1rem rgba(0, 0, 0, 0.9);
    -webkit-border: solid 0.0333333333333rem #e3e4e7;
    -moz-border: solid 0.0333333333333rem #e3e4e7;
    border: solid 0.0333333333333rem #e3e4e7;
    display: inline-block;
    vertical-align: top;
    margin-top: 0.333333333333rem;
}

.checkbox label {
    display: block;
    width: 1.0rem;
    height: 1.0rem;
    border-radius: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    z-index: 1;
}

.checkbox input[type=checkbox]:checked + label {
    background: #007aff;
}

.hidden {
    display: none;
}

.content_title_position {
    margin-top: 5.0rem;
}

.bid_panel_position {
    margin-top: 2.33333333333rem;
    margin-left: 2.0rem;
}

.bid_panel_title_position {
    height: auto;
    margin-left: 1.33333333333rem;
    margin-top: 1.0rem;
}

.bid_button_position {
    margin-left: 0.333333333333rem;
    margin-top: 0.333333333333rem;
    vertical-align: top;
}

.gold_fishbowl_height {
    height: 32.3333333333rem;
}

.auction_fishbowl_height {
    height: 31.0rem;
    margin-top: 1.33333333333rem;
}

.presale_desc_position {
    margin-left: 10.0rem;
    margin-right: 10.0rem;
    line-height: 2.0rem;
}

.myfishbowl_width {
    width: 39.6rem;
    margin-left: -1.8rem;
}

.fishbowl_width {
    width: 36.0rem;
}

.absolute {
    position: absolute;
}

.bid_panel_inner_left {
    margin-left: 1.0rem;
}

.message_box {
    position: fixed;
    left: 0rem;
    right: 0rem;
    top: 0rem;
    bottom: 0rem;
    width: 100%;
    margin: auto;
    max-width: 36.0rem;
    background-color: rgba(235, 237, 247, 0.6);
    overflow-y: auto;
    z-index: 1;
}

.tips_box {
    position: fixed;
    left: 0rem;
    right: 0rem;
    top: 0rem;
    bottom: 0rem;
    width: 100%;
    margin: auto;
    max-width: 36.0rem;
    height: auto;
    z-index: 1;
}

.close_button {
    position: fixed;
    top: 0rem;
    right: 0rem;
    left: 0rem;
    width: auto;
    height: 0rem;
    margin: 0 auto;
    text-align: right;
    max-width: 36.0rem;
    z-index: 1;
}

.close_button_position {
    margin-top: 0.666666666667rem;
    margin-right: 0.666666666667rem;
    cursor: pointer;
}

.confirmbox_position {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.fishbowl_sellout_position {
    height: 3.66666666667rem;
    margin-top: 10.0rem;
}

.fishbowl_sellout_desc_position {
    height: 3.66666666667rem;
    margin-top: 10.0rem;
}

.agreement_div_panel {
    height: auto;
}

.agreement_textarea_panel {
    width: 100%;
    height: 100%;
    -webkit-border: none;
    -moz-border: none;
    border: none;
    background: transparent;
    margin-bottom: 2.66666666667rem;
}

.close_icon_height {
    height: 3.2rem;
}

.input_error_panel {
    position: absolute;
    height: 1.66666666667rem;
}

.help_image_width {
    max-width: 30.6666666667rem;
}

.create_monster_image {
    max-width: 16rem;
    background: url("../images/ground2.gif");
    background-size: 100% 100%;
    width: 16rem;
    height: 16rem;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.create_monster_button {
    max-width: 8rem;
    background: url("../images/create_monster_button.png");
    background-size: 100% 100%;
    width: 8rem;
    height: 8rem;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}

.create_monster_text {
    margin-top: 70%;
}

.nav_background {
    max-width: 32rem;
    background: url("../images/nav_background.png");
    background-size: 100% 100%;
    width: 32rem;
    height: 32rem;
    top: 3rem;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.zero_height {
    height: 0rem;
}

.help_bottom_height {
    height: 2.0rem;
}

.current_price_position {
    margin-left: 0.666666666667rem;
}

.totla_price_panel {
    width: 19.3333333333rem;
}

.input_currency_width {
    width: 15.0rem;
    text-align: right;
    padding: 0;
}

.input_bid_currency_width {
    width: 11.0rem;
    text-align: right;
    padding: 0;
}

.buy_fishcoin_position {
    margin-top: -1.0rem;
}

.bowl_panel_text {
    position: relative;
    z-index: 1;
}

.width_height_100 {
    width: 100%;
    height: 100%;
}

.width_height_fish_cell {
    width: 125%;
    height: 125%;
    margin-left: -12.5%;
    margin-top: -10%;
}

.width_height_fish {
    width: 125%;
    height: 125%;
    margin-left: -12.5%;
    margin-top: -1%;
}

.turntable-bg {
    margin: 0 auto;
    position: relative;
    width: 36.0rem;
    height: 29.0rem;
}

.turntable-bg .mask {
    width: 15.1333333333rem;
    height: 15.0333333333rem;
    position: absolute;
    left: 0rem;
    top: 7.66666666667rem;
    bottom: 0rem;
    background: url("../img/activity_spin_1.png");
    background-size: cover;
    right: 0rem;
    margin: 0 auto;
}

.turntable-bg .pointer {
    width: 5.8rem;
    height: 7.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3.13333333333rem;
    margin-top: -4.33333333333rem;
    z-index: 8;
}

.turntable-bg .rotate {
    width: 31.6666666667rem;
    height: 31.6666666667rem;
    position: absolute;
    left: 0rem;
    top: -0.666666666667rem;
    right: 0rem;
    margin: 0 auto;
    bottom: 0rem;
}

.turntable-light {
    padding-top: 16.4rem;
    position: absolute;
    margin: 0 auto;
    left: 0rem;
    right: 0rem;
    width: 11.9666666667rem;
}

.pointer {
    width: 5.8rem;
    height: 7.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3.13333333333rem;
    margin-top: -4.33333333333rem;
    z-index: 8;
}

.rotate img {
    width: 31.6666666667rem;
    height: 31.6666666667rem;
}

.pointer img {
    width: 5.8rem;
    height: 7.6rem;
}

.relative {
    position: relative;
}

.margin_top_roulette_button {
    margin-top: 1.66666666667rem;
    position: relative;
}

.button_activity_position {
    height: 3.0rem;
    width: 6.4rem;
    display: inline-block;
    margin-left: 0rem;
    cursor: pointer;
    right: 1.13333333333rem;
    position: absolute;
    margin-top: 0.433333333333rem;
}

.button_activity_red_position {
    margin-left: 0rem;
    right: 0.333333333333rem;
    position: absolute;
    margin-top: 0rem;
}

.button_activity_small_red_position {
    margin-left: 0rem;
    right: 1.0rem;
    position: absolute;
    margin-top: 0.333333333333rem;
}

.market_red_position {
    margin-left: 0rem;
    right: 20.6666666667rem;
    position: absolute;
    margin-top: 0.333333333333rem;
}

.invite_red_position {
    margin-left: 0rem;
    right: 6.0rem;
    position: absolute;
    margin-top: 0.666666666667rem;
}

.roulette_background {
    background: url(../img/activity_bg2.jpg);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.roulette_minus_tips {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    margin-top: -2.33333333333rem;
}

.activity_btn_arrow_position {
    position: absolute;
    width: 4.23333333333rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.activity_btn_spin_position {
    position: absolute;
    width: 11.3rem;
}

.button_roulette_position {
    position: absolute;
    width: 11.3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -2.03333333333rem;
    cursor: pointer;
}

.button_roulette_ok_position {
    position: absolute;
    width: 11.3rem;
    height: 12.4666666667rem;
    line-height: 12.4666666667rem;
}

.button_roulette_panel {
    position: absolute;
    width: 11.3rem;
    height: 12.4666666667rem;
}

.button_roulette_price_panel {
    width: 100%;
    height: 3.33333333333rem;
}

.button_roulette_price_position {
    line-height: 6.66666666667rem;
    height: 6.66666666667rem;
}

.fishcoin_little {
    height: 1.5rem;
    margin-top: 2.58333333333rem;
}

.fishcoin_height {
    height: 2.0rem;
}

.fishcoin_little_height {
    height: 1.83333333333rem;
}

.roulette_result_fishcoin {
    width: 0%;
    height: 0%;
    margin: 0 auto;
    padding-top: 3.33333333333rem;
}

.roulette_result_fishcoin_panel {
    text-align: center;
    padding-top: 4.33333333333rem;
}

.roulette_result_fishcoin_amount {
    margin-right: 1.0rem;
}

.roulette_result_fishbowl {
    width: 0%;
    height: 0%;
    margin: 0 auto;
}

.activity_bg1_position {
    position: absolute;
    width: 31.9333333333rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.roulette_x_button {
    position: absolute;
    width: 4.26666666667rem;
    left: 4.6rem;
    top: 2.06666666667rem;
    cursor: pointer;
    line-height: 4.26666666667rem;
}

.activity_btn_xx_position {
    position: absolute;
    width: 4.26666666667rem;
}

.activity_btn_xx_text_position {
    position: absolute;
    width: 100%;
    text-align: center;
}

.roulette_limit_position {
    position: absolute;
    left: 23.3333333333rem;
    margin-top: 2.0rem;
}

.roulette_freecount_position {
    position: absolute;
    left: 6.66666666667rem;
    margin-top: 2.0rem;
}

.roulette_remain_position {
    position: absolute;
    left: 4.66666666667rem;
    margin-top: 2.0rem;
}

.roulette_limit_amount_position {
    line-height: 8.4rem;
    margin-left: 0.333333333333rem;
}

.panel_fishcoin_result {
    width: 6.76666666667rem;
    height: 11.4rem;
    margin: 0 auto;
}

.panel_fishbowl_result {
    width: 36.0rem;
    height: 31.8333333333rem;
    margin: 0 auto;
}

.fishbowl_market_cell_panel {
    width: 15.6333333333rem;
    height: 15.6333333333rem;
    border-radius: 1.93333333333rem;
    position: relative;
    margin: 0.5rem;
}

.fishbowl_market_cell_image {
    position: absolute;
    width: 100%;
    padding-top: 1.33333333333rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.fishbowl_market_cell_text {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}

.fishbowl_market_cell_id {
    margin-top: 3.83333333333rem;
    margin-bottom: -0.333333333333rem;
}

.fishbowl_market_bottom_height {
    height: 1.5rem;
}

.fishbowl_cell_color_1 {
    background: #e7f6ff;
}

.fishbowl_cell_color_2 {
    background: #e5fee3;
}

.fishbowl_cell_color_3 {
    background: #fee8e3;
}

.fishbowl_cell_color_4 {
    background: #fde3fe;
}

.fishbowl_cell_color_5 {
    background: #e5d7f5;
}

.fishbowl_cell_color_11 {
    background: #eeeef2;
}

.fishbowl_cell_color_1001, .fishbowl_cell_color_100, .fishbowl_cell_color_101, .fishbowl_cell_color_102, .fishbowl_cell_color_103, .fishbowl_cell_color_104, .fishbowl_cell_color_105, .fishbowl_cell_color_106, .fishbowl_cell_color_107, .fishbowl_cell_color_108, .fishbowl_cell_color_109, .fishbowl_cell_color_110, .fishbowl_cell_color_111, .fishbowl_cell_color_112, .fishbowl_cell_color_113, .fishbowl_cell_color_114, .fishbowl_cell_color_115, .fishbowl_cell_color_116, .fishbowl_cell_color_117, .fishbowl_cell_color_118, .fishbowl_cell_color_119, .fishbowl_cell_color_120, .fishbowl_cell_color_121, .fishbowl_cell_color_122, .fishbowl_cell_color_123, .fishbowl_cell_color_124, .fishbowl_cell_color_125, .fishbowl_cell_color_126, .fishbowl_cell_color_127, .fishbowl_cell_color_128, .fishbowl_cell_color_129, .fishbowl_cell_color_130, .fishbowl_cell_color_131, .fishbowl_cell_color_132 {
    background: #fefed5;
}

.fishbowl_buy_button_position {
    margin-left: 0.333333333333rem;
    margin-right: 0.333333333333rem;
    margin-top: 4.26666666667rem;
}

.left {
    text-align: left;
}

.fishbowl_cancel_countdown_position {
    margin-bottom: 0rem;
}

.fishbowl_cancel_button_position {
    margin-top: 1.83333333333rem;
}

.fishbowl_cancel_button_countdown_position {
    margin-top: 0rem;
}

.fishbowl_cancel_button_panel {
    float: right;
    width: 7.56666666667rem;
    text-align: center;
}

.invite_code canvas {
    width: 8.66666666667rem;
    height: 8.66666666667rem;
}

.invite_code_panel {
    width: 36.0rem;
    height: 53.3333333333rem;
}

.margin-top-invite {
    margin-top: 24.3333333333rem;
}

.invite_code {

}

.invite_desc_panel {
    margin-left: 10.0rem;
    margin-right: 10.0rem;
}

.invite_fish_width {
    width: 3.33333333333rem;
}

.invite_fish_white_width {
    width: 1.33333333333rem;
}

.invite_qrcode_panel {
    height: 12.6666666667rem;
    margin-top: 0rem;
}

.invite_qrcode_border {
    left: 2.0rem;
    width: 10.0rem;
    height: 10.0rem;
    background: #ffffff;
    top: 1.66666666667rem;
}

.invite_qrcode_canvas {
    left: 2.66666666667rem;
    top: 2.33333333333rem;
}

.content_invite_width {
    margin-left: 4.0rem;
    margin-right: 5.33333333333rem;
}

.margin-top-invite-code {
    margin-top: 0.666666666667rem;
}

.invite_down_panel {
    margin-top: 32.6666666667rem;
    width: 100%;
}

.invite_margin_top_down {
    margin-top: 2.66666666667rem;
}

.top0 {
    top: 0rem;
}

.content_bold_line_height {
    line-height: 1.66666666667rem;
}

/*
.panel_invite_qrcode {
    background: url(../img/UI_invite_bg.jpg) #0073ff;
    background-size: 36.0rem;
    background-repeat: no-repeat;
    border: none;
}
*/
.panel_invite_qrcode {
    background: #052148;
}

.panel_invite_group_desc {
    margin-top: -0.666666666667rem;
    margin-bottom: -0.666666666667rem;
}

.panel_invite_bottom {
    height: 1.66666666667rem;
}

.firefox_margin {
    height: 0.666666666667rem;
}

.sort_text_position {
    height: 2.86666666667rem;
    line-height: 2.86666666667rem;
    margin-top: -0.333333333333rem;
}

.sort_image_position {
    height: 1.73333333333rem;
    margin-top: -0.666666666667rem;
    width: 0.8rem;
}

.new_sort_text_position {
    height: 3.06666666667rem;
    line-height: 3.06666666667rem;
    margin-top: 0rem;
}

.new_sort_image_position {
    height: 1.6rem;
    margin-top: 0rem;
    width: 1.6rem;
    margin-left: -0.333333333333rem;
}

.recording_position {
    float: right;
    margin-right: 1.83333333333rem;
    margin-top: 0rem;
}

.recording_position_tab {
    float: right;
    margin-right: 1.83333333333rem;
    margin-top: 0.5rem;
}

.leaderboard_position_tab {
    float: right;
    margin-right: 1.83333333333rem;
    margin-top: 1.0rem;
}

.leaderboard_date_position_tab {
    float: right;
    margin-right: 2.66666666667rem;
    margin-top: 1.0rem;
}

.market_data_arrow {
    left: 0rem;
    top: 4.53333333333rem;
    width: 3.2rem;
}

.fishbowl_record_cell_panel {
    width: 9.0rem;
    height: 9.0rem;
    border-radius: 1.93333333333rem;
    position: relative;
    margin: 0.5rem;
}

.fishbowl_record_bottom_panel {
    height: 1.66666666667rem;
    margin-top: 7.33333333333rem;
    border-radius: 0 0 1.93333333333rem 1.93333333333rem;
}

.fishbowl_record_color_sell {
    background: #cc0000;
}

.fishbowl_record_color_buy {
    background: #009400;
}

.fishbowl_record_title {
    width: 4.66666666667rem;
    margin-left: 1.33333333333rem;
}

.fish_record_title {
    width: 4.66666666667rem;
    margin-left: 1.33333333333rem;
}

.fishbowl_little_width {
    width: 3.6rem;
    height: 3.2rem;
}

.width_height_120 {
    height: 140%;
    margin-top: -20%;
    margin-left: -20%;
}

.fishbowl_market_announce {
    background: #ffffff;
    height: 3.2rem;
    line-height: 3.2rem;
    overflow: hidden;
}

.overflow-hidden {
    overflow: hidden;
}

.announce_bottom {
    background: #f0f0f8;
}

.chat_icon {
    position: fixed;
    width: 5.26666666667rem;
    height: 5.26666666667rem;
    cursor: pointer;
    right: 0;
    bottom: 5.46666666667rem;
    display: block;
    z-index: 0;
}

.gitter-chat-embed {
    z-index: 999;
}

.wechat_code_size {
    width: 26.6666666667rem;
    height: 26.6666666667rem;
}

.wechat_icon_size {
    width: 3.06666666667rem;
    height: 3.06666666667rem;
    cursor: pointer;
}

.wechat_icon_position {
    margin-bottom: -0.3rem;
}

.padding-top-normal {
    padding-top: 3.33333333333rem;
}

.padding-top-normal5 {
    padding-top: 1.66666666667rem;
}

.roulette_help {
    position: absolute;
    right: 3.0rem;
    top: 2.0rem;
}

.margin-top-fish-price {
    margin-top: 14.0rem;
}

.margin-top-buy-fish-price {
    margin-top: 14.3rem;
}

.fish_cell_shadow_other {
    box-shadow: 0px 0px 1.0rem #007aff33;
}

.fish_cell_color_white {
    border: 0.0666666666667rem solid #ffffff;
}

.fish_cell_color_1 {
    border: 0.2rem solid #999999;
}

.fish_cell_color_2 {
    border: 0.2rem solid #009900;
}

.fish_cell_color_3 {
    border: 0.2rem solid #9933ff;
}

.fish_cell_color_4 {
    border: 0.2rem solid #ff9900;
}

.fish_cell_shadow_1 {
    box-shadow: 0px 0px 1.0rem #007aff33;
}

.fish_cell_shadow_2 {
    box-shadow: 0px 0px 1.0rem #00990033;
}

.fish_cell_shadow_3 {
    box-shadow: 0px 0px 1.0rem #9900ff33;
}

.fish_cell_shadow_4 {
    box-shadow: 0px 0px 1.0rem #ff990033;
}

.fish_id_color_1 {
    background-color: #999999;
}

.fish_id_color_2 {
    background-color: #009900;
}

.fish_id_color_3 {
    background-color: #9933ff;
}

.fish_id_color_4 {
    background-color: #ff9900;
}

.fish_rarity_color_1 {
    color: #999999;
}

.fish_rarity_color_2 {
    color: #009900;
}

.fish_rarity_color_3 {
    color: #9933ff;
}

.fish_rarity_color_4 {
    color: #ff9900;
}

.fish_cell_background_1 {
    background-color: #daffe2;
}

.fish_cell_background_2 {
    background-color: #d7f5fd;
}

.fish_cell_background_3 {
    background-color: #ffe7e7;
}

.fish_cell_background_4 {
    background-color: #e5d7f5;
}

.fish_cell_background_5 {
    background-color: #ffdaf9;
}

.fish_cell_background_6 {
    background-color: #c3bece;
}

.fish_cell_background_7 {
    background-color: #d2d1de;
}

.fish_cell_background_8 {
    background-color: #fef8c8;
}

.click {
    cursor: pointer;
}

.fish_market_cell_panel {
    width: 15.6333333333rem;
    height: 19.4666666667rem;
    position: relative;
    margin: 0.5rem;
    border-radius: 1.5rem;
    box-sizing: border-box;
}

.fish_market_cell_image {
    position: absolute;
    width: 100%;
    margin-top: 0rem;
}

.fish_leaderboard_cell_image {
    height: 7.33333333333rem;
    position: absolute;
    margin-left: 3.33333333333rem;
    width: 7.33333333333rem;
}

.fishbowl_leaderboard_cell_image {
    height: 7.33333333333rem;
    position: absolute;
    margin-left: 3.33333333333rem;
    width: 8.26666666667rem;
}

.buy_fish_image_border {
    position: absolute;
    width: 15.6333333333rem;
    height: 19.4666666667rem;
    border-radius: 1.5rem;
    box-sizing: border-box;
}

.buy_fish_text_panel {
    background: #007aff;
    margin-left: 0rem;
    margin-right: 0rem;
    border-radius: 0 0 1.5rem 1.5rem;
    padding-left: 1.33333333333rem;
    padding-right: 1.33333333333rem;
    height: 2.66666666667rem;
    line-height: 2.66666666667rem;
}

.cp_icon_size {
    width: 1.73333333333rem;
    height: 1.73333333333rem;
}

.cp_icon_middle_size {
    width: 2.33333333333rem;
    height: 2.33333333333rem;
}

.cp_icon_big_size {
    width: 3.33333333333rem;
    height: 3.33333333333rem;
}

.cp_line_height {
    height: 1.86666666667rem;
    line-height: 1.86666666667rem;
}

.fish_id_panel {
    min-width: 3.33333333333rem;
    padding-left: 1.16666666667rem;
    padding-right: 1.66666666667rem;
    height: 2.33333333333rem;
    border-radius: 1.16666666667rem 1.16666666667rem 1.16666666667rem 0rem;
    display: inline-block;
    line-height: 2.33333333333rem;
    margin-left: 0rem;
    margin-top: 0rem;
}

.fish_buy_cp_panel {
    min-width: 3.33333333333rem;
    padding-left: 0.5rem;
    padding-right: 1.66666666667rem;
    height: 2.33333333333rem;
    border-radius: 1.16666666667rem 1.16666666667rem 1.16666666667rem 0rem;
    display: inline-block;
    line-height: 2.33333333333rem;
    margin-left: 0rem;
    margin-top: 0.166666666667rem;
}

.auction_fish_width {
    width: 32.2rem;
}

.fish_sold_position {
    height: 10%;
    margin-top: 0rem;
}

.fish_sold_amount_position {
    height: 10%;
    margin-top: -0.333333333333rem;
    margin-bottom: 0.666666666667rem;
}

.fish_sell_panel {
    margin-left: 19.6666666667rem;
    padding-left: 2.66666666667rem;
}

.fish_sellout_panel {
    margin-top: 7.66666666667rem;
}

.fish_auction_panel {
    position: relative;
    height: 18.8666666667rem;
    margin-top: 1.0rem;
}

.fish_bid_panel_position {
    margin-top: 0.666666666667rem;
    margin-left: 2.0rem;
}

.fish_auction_sellout_panel {
    margin-top: 6.66666666667rem;
}

.fish_auction_countdown_height {
    line-height: 3.66666666667rem;
}

.fish_id_position {
    height: 2.33333333333rem;
    margin-top: 0rem;
    line-height: 2.33333333333rem;
}

.fish_id_value_position {
    height: 10%;
    margin-top: 1.66666666667rem;
}

.fish_countdown_position {
    height: 4.33333333333rem;
    margin-top: 12.0rem;
    line-height: 4.33333333333rem;
}

.float-right {
    float: right;
}

.cp_icon_position {
    margin-top: 0.333333333333rem;
}

.buy_fish_panel {
    padding-top: 1.33333333333rem;
    padding-left: 1.33333333333rem;
    height: 21.3333333333rem;
    padding-right: 1.33333333333rem;
    padding-bottom: 1.33333333333rem;
}

.buy_fish_image_position {
    position: absolute;
    width: 31.2666666667rem;
    height: 21.3333333333rem;
    border-radius: 1.5rem;
    box-sizing: border-box;
}

.buy_fish_text_position {
    position: absolute;
    height: 21.3333333333rem;
    width: 33.3333333333rem;
    border-radius: 1.5rem;
}

.fish_info_text_panel {
    margin-top: 1.86666666667rem;
    background: #ffffff;
    margin-left: 0.266666666667rem;
    margin-right: 0.266666666667rem;
    border-radius: 0 0 1.33333333333rem 1.33333333333rem;
    padding-left: 1.33333333333rem;
    padding-right: 1.33333333333rem;
    height: 2.66666666667rem;
    line-height: 2.66666666667rem;
}

.fish_size {
    width: 15.0rem;
    height: 15.0rem;
    margin: 0 auto;
}

.fish_normal_width {
    width: 18.7333333333rem;
}

.fish_auction_canvas canvas {
    width: 17.0666666667rem;
    height: 17.0666666667rem;
}

.fishid_width {
    width: 10.0rem;
}

.grady_width {
    width: 6.66666666667rem;
}

.birthday_width {
    width: 8.33333333333rem;
}

.fish_gene_title_width {
    width: 6.0rem;
}

.fish_gene_value_width {
    width: 8.0rem;
    margin-left: 2.66666666667rem;
}

.fish_gene_power_width {
    width: 3.33333333333rem;
    text-align: right;
}

.half_width {
    width: 14.0rem;
}

.market_data_left_width {
    width: 14.0rem;
}

.new_market_data_left_width {
    width: 14.6666666667rem;
}

.bar_height {
    height: 1.2rem;
}

.bar_border_panel {
    width: 32.2666666667rem;
}

.bar_panel {
    width: 32.0rem;
    margin-top: 0.133333333333rem;
    margin-left: 0.133333333333rem;
}

.sale_icon {
    position: absolute;
    left: 0.666666666667rem;
    top: 1.0rem;
    width: 1.36666666667rem;
}

.sale_icon {
    -webkit-animation: go 1s ease-in-out alternate infinite;
    -moz-animation: go 1s ease-in-out alternate infinite;
    animation: go 1s ease-in-out alternate infinite;
}

a {
    cursor: pointer;
}

@keyframes go {
    0% {
        -webkit-transform: rotate(15deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(15deg);
        -moz-transform-origin: top center;
        transform: rotate(15deg);
        transform-origin: top center;
    }
    100% {
        -webkit-transform: rotate(-15deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(-15deg);
        -moz-transform-origin: top center;
        transform: rotate(-15deg);
        transform-origin: top center;
    }
}

.icon_share {
    position: absolute;
    right: 0rem;
    cursor: pointer;
    width: 3.0rem;
}

.market_list_cell_panel {
    width: 100%;
    height: 6.33333333333rem;
    position: relative;
}

.market_grid_cell_panel {
    width: 16.0rem;
    height: 20.8rem;
    position: relative;
    margin: 0.8rem;
    border-radius: 1.5rem;
    box-sizing: border-box;
}

.market_grid_cell_border, .market_grid_cell_background {
    position: absolute;
    width: 16.0rem;
    height: 20.8rem;
    border-radius: 1.5rem;
    box-sizing: border-box;
}

.market_grid_cell_background {

}

.market_grid_power_panel {
    background: rgba(200, 200, 200, 0.5);
    margin-left: 0rem;
    margin-right: 0rem;
    height: 1.6rem;
    margin-top: 14.4rem;
    padding-left: 1.33333333333rem;
    padding-right: 1.33333333333rem;
}

.market_grid_other_power_panel {
    margin-left: 0rem;
    margin-right: 0rem;
    height: 1.6rem;
    margin-top: 14.4rem;
    padding-left: 1.33333333333rem;
    padding-right: 1.33333333333rem;
}

.market_grid_text_panel {
    background: #ffffff;
    margin-left: 0rem;
    margin-right: 0rem;
    border-radius: 0 0 1.5rem 1.5rem;
    padding-left: 1.33333333333rem;
    padding-right: 1.33333333333rem;
    height: 4.83333333333rem;
}

.market_grid_cell_image {
    position: absolute;
    width: 100%;
    padding-top: 1.33333333333rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.market_list_cell_image {
    width: 6.0rem;
    height: 6.0rem;
    margin-top: 0.166666666667rem;
    margin-bottom: 0.166666666667rem;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline-block;
    border-radius: 1.43333333333rem;
    box-sizing: border-box;
}

.market_list_cell_text {
    width: 6.66666666667rem;
    height: 100%;
    display: inline-block;
    margin-left: 0.666666666667rem;
}

.market_list_cell_gene {
    width: 10.0rem;
    height: 100%;
    display: inline-block;
    margin-left: 0rem;
}

.market_grid_cell_price {
    padding-bottom: 0.833333333333rem;
}

.cp_icon_small_size {
    width: 1.0rem;
    height: 1.0rem;
}

.margin-top-4 {
    margin-top: 1.33333333333rem;
}

.margin-top-5 {
    margin-top: 1.66666666667rem;
}

.margin-left-20 {
    margin-left: 6.66666666667rem;
}

.price_text_position {
    height: 2.86666666667rem;
    line-height: 2.86666666667rem;
    margin-top: -0.333333333333rem;
}

.price_image_position {
    height: 1.33333333333rem;
    margin-top: -1.53333333333rem;
    width: 0.82rem;
}

.filter_text_position {
    height: 1.53333333333rem;
    line-height: 1.53333333333rem;
    margin-top: -0.333333333333rem;
}

.filter_image_position {
    height: 0.933333333333rem;
    margin-top: 0rem;
    width: 0.933333333333rem;
}

.gene_icon_height {
    height: 0.866666666667rem;
}

.market_title_height {
    height: 3.06666666667rem;
}

.market_title_panel {
    height: 3.06666666667rem;
    line-height: 3.06666666667rem;
}

.market_filter_height {
    height: 4.0rem;
    line-height: 4.0rem;
}

.market_select_height {
    height: 1.06666666667rem;
}

.market_leaderboard {
    height: 2.13333333333rem;
}

.fishcoin_height_96 {
    height: 2.5rem;
}

.fishcoin_height_48 {
    height: 1.26666666667rem;
    margin-top: -0.333333333333rem;
}

.margin-top--2 {
    margin-top: -0.666666666667rem;
}

.power_height_36 {
    height: 1.0rem;
    margin-top: 0rem;
}

.item_info_height {
    height: 24.0rem;
}

.fishbowl_info_height {
    height: 26.6666666667rem;
}

.power_height_72 {
    height: 2.0rem;
}

.power_height_48 {
    height: 1.26666666667rem;
    margin-top: 0.0333333333333rem;
}

.fish_gene_rarity_width {
    width: 4.0rem;
    text-align: center;
}

.fish_gene_rarity_height {
    height: 1.33333333333rem;
}

.fish_gene_suit_height {
    height: 1.33333333333rem;
}

.fish_gene_suit_title_width {
    width: 6.33333333333rem;
    text-align: right;
}

.fish_gene_power_title_width {
    width: 4.66666666667rem;
    text-align: right;
}

.fish_gene_suit_width {
    width: 4.0rem;
    text-align: center;
    margin-top: 0.233333333333rem;
}

.fish_gene_suit_width_title {
    width: 4.0rem;
    text-align: center;
}

.verify-bar-area {
    width: 27.5333333333rem;
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    text-align: left;
    text-decoration: none;
    line-height: normal;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    background: #e3e4e7;
}

.verify-left-bar {
    width: 1.43333333333rem;
    height: 2.86666666667rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem 0 0 1.43333333333rem;
}

.verify-move-block {
    border-radius: 50%;
    border: 0.0333333333333rem solid #007aff;
    width: 2.86666666667rem;
    height: 2.86666666667rem;
}

.verify-bar-area .verify-move-block .verify-icon {
    font-size: 1.0rem;
    color: #007aff;
}

.verify-bar-area .verify-move-block .verify-sub-block {
    position: absolute;
    text-align: center;
    z-index: 3;
    border: 0.0333333333333rem solid #fff;
}

.verify-bar-area .verify-msg {
    z-index: 3;
}

.verify-bar-area {
    position: relative;
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 0.0333333333333rem solid #007aff;
}

.verify-bar-area .verify-move-block {
    position: absolute;
    top: 0rem;
    left: 0;
    background: #fff;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.verify-bar-area .verify-left-bar {
    position: absolute;
    top: -0.0333333333333rem;
    left: -0.0333333333333rem;
    background: #e0f2fc;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 0.0333333333333rem solid #007aff;
}

.leaderboard_no_panel {
    border-radius: 0 1.5rem 1.5rem 0;
    width: 3.66666666667rem;
    height: 3.0rem;
    position: absolute;
}

.leaderboard_no_color_1 {
    background: #007aff;
}

.leaderboard_no_color_2 {
    background: #8e8e93;
}

.leaderboard_cell_color_0 {
    background: #eeeef2;
}

.leaderboard_cell_color_1 {
    background: #ffffff;
}

.leaderboard_cell_panel {
    height: 7.33333333333rem;
}

.leaderboard_cell_image_height {
    height: 7.33333333333rem;
}

.leaderboard_fish_cell_left {
    margin-left: 11.3333333333rem;
}

.leaderboard_fishbowl_cell_left {
    margin-left: 13.3333333333rem;
}

.volume_width {
    width: 5.33333333333rem;
}

.new_volume_width {
    width: 6.66666666667rem;
}

.appstore_width {
    width: 10.6666666667rem;
}

.line_big_gray {
    height: 0.333333333333rem;
    background: #e1e1e9;
}

.input_filter {
    width: 11.1333333333rem;
}

.filter_panel {
    width: 32.0rem;
    height: 100%;
    background: #ffffff;
    overflow-y: auto;
}

.margin-top--1 {
    margin-top: -0.333333333333rem;
}

.margin-left-0_5 {
    margin-left: 0.166666666667rem;
}

.margin-top-0_5 {
    margin-top: 0.166666666667rem;
}

.margin-top-0_8 {
    margin-top: 0.266666666667rem;
}

.line-height-4_8 {
    line-height: 1.6rem;
}

.padding-top-1 {
    padding-top: 0.333333333333rem;
}

.line-height-25_2 {
    line-height: 8.4rem;
}

.content_width_padding_5_6 {
    padding-left: 1.86666666667rem;
    padding-right: 1.86666666667rem;
}

.language_size {
    height: 2.26666666667rem;
}

.margin-top-5_6 {
    margin-top: 1.86666666667rem;
}

.my_header_panel {
    height: 11.7333333333rem;
    background: #f0f0f8;
}

.my_header_low_panel {
    height: 8.4rem;
    background: #f0f0f8;
}

.assets_button_size {
    height: 15.6rem;
}

.assets_button_text {
    width: 14.6666666667rem;
    margin-top: -5.66666666667rem;
}

.menu_icon_size {
    height: 2.13333333333rem;
}

.height_8_8 {
    height: 2.93333333333rem;
}

.my_menu_mask_panel {
    background: #66666633;
    width: 100%;
    height: 100%;
    bottom: 5.46666666667rem;
}

.my_menu_panel {
    width: 36.0rem;
    bottom: 5.46666666667rem;
}

.menu_item {
    height: 5.33333333333rem;
    line-height: 5.33333333333rem;
    background: #ffffff;
}

.menu_item_selected {
    height: 5.33333333333rem;
    top: 0rem;
    right: 1.86666666667rem;
}

.my_currency_header_panel {
    height: 13.3333333333rem;
    background: #f0f0f8;
}

.my_currency_panel {
    height: 10.5333333333rem;
    background: #ffffff;
}

.height_4_8 {
    height: 1.6rem;
}

.height_6_4 {
    height: 2.13333333333rem;
}

.padding-bottom-3 {
    padding-bottom: 1.0rem;
}

.exchange_market_header {
    height: 6.53333333333rem;
    background: #ffffff;
}

.stock_panel {
    height: 41.3333333333rem;
    background: #eeeef2;
}

.stock_width {
    width: 26.0rem;
}

.stock_direction_width {
    width: 6.0rem;
}

.stock_amount_width {
    width: 8.33333333333rem;
}

.stock_price_width {
    width: 8.33333333333rem;
}

.stock_button_panel {
    bottom: 5.46666666667rem;
    height: 3.86666666667rem;
    line-height: 3.86666666667rem;
    background: #eeeef2;
    width: 36.0rem;
    position: fixed;
}

.fixed {
    position: fixed;
}

.content_width_1_2 {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}

.content_width_padding_2_4 {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.content_width_padding_left_2_4 {
    padding-left: 0.8rem;
}

.width_100 {
    width: 100%;
}

.input_stock {
    height: 2.86666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 1.43333333333rem;
    text-decoration: none;
    font: 400 1.66666666667rem Kohinoor Devanagari, sans-serif;
    font-size: 1.73333333333rem;
    -webkit-border-radius: 1.43333333333rem;
    -moz-border-radius: 1.43333333333rem;
    border-radius: 1.43333333333rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.86666666667rem;
    width: 13.6666666667rem;
    box-sizing: border-box;
}

.circle_stock {
    width: 2.66666666667rem;
    height: 2.66666666667rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    font: 300 2.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 2.6rem;
    font-weight: 100;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 2.66666666667rem;
    background: #ffffff;
    vertical-align: top;
    cursor: pointer;
}

.buy_input {
    border: 0.0666666666667rem solid #00990033;
    background: #e5fee5;
}

.sell_input {
    border: 0.0666666666667rem solid #cc000033;
    background: #fae5e5;
}

.buy_circle {
    border: 0.0666666666667rem solid #00990033;
    background: #ffffff;
    color: #009900;
}

.sell_circle {
    border: 0.0666666666667rem solid #cc000033;
    background: #ffffff;
    color: #cc0000;
}

.stock_title_width {
    width: 15.4666666667rem;
}

.stock_button_left_width {
    width: 21.8666666667rem;
}

.margin-right-2 {
    margin-right: 0.666666666667rem;
}

.margin-right-3 {
    margin-right: 1.0rem;
}

.margin-right-5 {
    margin-right: 1.66666666667rem;
}

.margin-top--0_8 {
    margin-top: -0.266666666667rem;
}

.margin-left--2 {
    margin-left: -0.666666666667rem;
}

.margin-right--2 {
    margin-right: -0.666666666667rem;
}

.stock_percent_panel {
    height: 0.8rem;
    width: 18.6666666667rem;
    margin-top: 0.666666666667rem;
    margin-left: 0.666666666667rem;
    background: #eeeef2;
    margin-right: 0.666666666667rem;
}

.stock_percent {
    margin-top: 0.666666666667rem;
    margin-left: 0.666666666667rem;
    margin-right: 0.666666666667rem;
}

.stock_percent_text_panel {
    height: 0.8rem;
    width: 18.6666666667rem;
    margin-top: 0.333333333333rem;
    margin-left: 0.666666666667rem;
    margin-right: 0.666666666667rem;
}

.margin-left-percent {
    margin-left: 3.2rem;
}

.margin-left-percent-text1 {
    margin-left: 3.0rem;
}

.margin-left-percent-text2 {
    margin-left: 2.66666666667rem;
}

.margin-left-percent-text3 {
    margin-left: 2.66666666667rem;
}

.margin-left-percent-text4 {
    margin-left: 0.0rem;
}

.circle_percent {
    width: 1.33333333333rem;
    height: 1.33333333333rem;
    display: inline-block;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 1.33333333333rem;
    background: #ffffff;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
}

.border_percent_gray {
    border: 0.0666666666667rem solid #eeeef2;
    background: #ffffff;
}

.border_percent_buy {
    border: 0.0666666666667rem solid #009900;
    background: #ffffff;
}

.border_percent_sell {
    border: 0.0666666666667rem solid #cc0000;
    background: #ffffff;
}

.button_stock {
    width: 13.3333333333rem;
    height: 4.4rem;
    display: inline-block;
    position: relative;
    padding: 0rem 0rem;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 2.2rem 0 0 2.2rem;
    -moz-border-radius: 2.2rem 0 0 2.2rem;
    border-radius: 2.2rem 0 0 2.2rem;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
    vertical-align: middle;
    line-height: 4.4rem;
    color: #ffffff;
    cursor: pointer;
}

.button_stock_buy {
    background: #009900;
}

.button_stock_sell {
    background: #cc0000;
}

.stock_exchange_panel {
    bottom: 9.33333333333rem;
    height: 13.3333333333rem;
    background: #ffffff;
    width: 36.0rem;
    position: fixed;
}

.stock_orders_panel {
    bottom: 9.33333333333rem;
    top: 8.0rem;
    background: #ffffff;
    width: 36.0rem;
    padding-bottom: 9.33333333333rem;
}

.stock_orders_cell {
    height: 6.0rem;
}

.stock_history_cell {
    height: 9.33333333333rem;
}

.stock_orders_cell_direction {
    width: 7.0rem;
}

.stock_orders_cell_price {
    width: 6.66666666667rem;
}

.stock_orders_cell_volume {
    width: 8.0rem;
}

.stock_orders_cell_partial {
    width: 7.0rem;
}

.height_28 {
    height: 9.33333333333rem;
}

.margin-top-0 {
    margin-top: 0rem;
}

.stock_history_cell_direction {
    width: 9.33333333333rem;
}

.stock_history_cell_price {
    width: 8.66666666667rem;
}

.stock_history_cell_volume {
    width: 8.66666666667rem;
}

.stock_history_cell_partial {
    width: 8.66666666667rem;
}

.down_size_36 {
    height: 1.2rem;
}

.height_9 {
    height: 3.0rem;
}

.height_5_5 {
    height: 1.83333333333rem;
}

.stock_bottom_height {
    height: 22.6666666667rem;
}

.stock_chart {
    width: 34.4rem;
    height: 20.0rem;
    margin-top: 0.666666666667rem;
}

.right_5_6 {
    right: 1.86666666667rem;
}

.detail_cell_height {
    height: 6.26666666667rem;
}

.slider_track {
    margin-top: 0.133333333333rem;
    overflow: hidden;
    background: url(../img/bar_Positions_gray.png) no-repeat;
    background-size: 100% 100%;
    height: 1.2rem;
    width: 19.3333333333rem;
}

.slider_track_selected {
    height: 1.2rem;
    background: url(../img/bar_Positions_1.png) no-repeat;
    background-size: auto auto;
    background-size: auto 100%;
}

.slider_thumb {
    width: 1.46666666667rem;
    height: 1.46666666667rem;
    background: url(../img/bar_Positions_dat.png) no-repeat center center;
    overflow: hidden;
    position: absolute;
    top: -0.133333333333rem;
    cursor: pointer;
    background-size: 100% 100%;
}

.right_2_4 {
    right: 0.8rem;
}

.icon_detail_list {
    width: 5.33333333333rem;
}

.user_center_list_height {
    height: 5.33333333333rem;
    line-height: 5.33333333333rem;
}

.user_center_header {
    height: 26.6666666667rem;
    background: #f0f0f8;
}

.user_center_circle_height {
    height: 22.0rem;
    line-height: 22.0rem;
}

.nickname_width {
    width: 13.3333333333rem;
}

/*
字体
*/
.header_amount_font {
    font: 2.0rem Avenir Next Condensed, sans-serif;
    font-size: 2.0rem;
    line-height: inherit;
    color: #ffffff;
}

.header_amount_little_font {
    font: 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #ffffff;
}

.header_amount_black_font {
    font: 2.0rem Avenir Next Condensed, sans-serif;
    font-size: 2.0rem;
    line-height: inherit;
    color: #000000;
}

.currency_big_font {
    font: 600 2.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 2.4rem;
    line-height: inherit;
    color: #292b2e;
}

.currency_big_gray_font {
    font: 600 2.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 2.4rem;
    line-height: inherit;
    color: #8e8e93;
}

.currency_big_blue_font {
    font: 600 2.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 2.4rem;
    line-height: inherit;
    color: #007aff;
}

.currency_normal_font {
    font: 700 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #8e8e93;
}

.currency_normal_dark_font {
    font: 700 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #666666;
}

.currency_small_font {
    font: 700 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #666666;
}

.currency_small_white_font {
    font: 700 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #fff;
}

.section_tab_font {
    font: 600 1.66666666667rem Avenir Next Condensed, sans-serif;
    font-size: 1.86666666667rem;
    line-height: 3.86666666667rem;
}

.section_font {
    font: 700 1.66666666667rem Avenir Next Condensed, sans-serif;
    font-size: 1.86666666667rem;
    line-height: inherit;
    color: #000000;
}

.section_red_font {
    font: 700 1.66666666667rem Avenir Next Condensed, sans-serif;
    font-size: 1.86666666667rem;
    line-height: inherit;
    color: #ff9999;
}

.section_blue_font {
    font: 600 1.66666666667rem Avenir Next Condensed, sans-serif;
    font-size: 1.86666666667rem;
    line-height: inherit;
    color: #007aff;
}

.section_gray_font {
    font: 600 1.66666666667rem Avenir Next Condensed, sans-serif;
    font-size: 1.86666666667rem;
    line-height: inherit;
    color: #8e8e93;
}

.content_font {
    font: lighter 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: 2.0rem;
    color: #666666;
}

.content_small_font {
    font: 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    line-height: inherit;
    color: #666666;
}

.content_small_blue_font {
    font: 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    line-height: inherit;
    color: #007aff;
}

.content_small_gray_font {
    font: 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    line-height: inherit;
    color: #8e8e93;
}

.content_red_font {
    font: lighter 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: 2.0rem;
    color: #cc0000;
}

.content_black_font {
    font: 300 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: 2.0rem;
    color: #666666;
}

.name_font {
    font: lighter 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #8e8e93;
}

.name_bold_font {
    font: 500 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #8e8e93;
}

.name_small_font {
    font: lighter 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    line-height: inherit;
    color: #8e8e93;
}

.name_blue_font {
    font: lighter 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #007aff;
}

.content_big_bold_font {
    font: 600 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #000000;
}

.content_bold_font {
    font: 600 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #000000;
}

.content_bold_gray_font {
    font: 600 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #666666;
}

.content_bold_gray_light_font {
    font: 600 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #cccccc;
}

.content_bold36_white_font {
    font: 600 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #ffffff;
}

.content_bold_green_font {
    font: bold 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #009900;
}

.content_bold_red_font {
    font: bold 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #cc0000;
}

.content_bold_grayblue_font {
    font: 600 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #00fffc;
}

.content_bold_link_font {
    font: 600 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #007aff;
    text-decoration: none;
}

.content_bold_middle_gray_font {
    font: 600 1.66666666667rem Kohinoor Devanagari, sans-serif;
    font-size: 1.73333333333rem;
    line-height: inherit;
    color: #666666;
}

.user_currency_font {
    font: 2.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 2.4rem;
    line-height: inherit;
    color: #000000;
}

.user_currency_green_font {
    font: 2.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 2.4rem;
    line-height: inherit;
    color: #009900;
}

.user_currency_red_font {
    font: 2.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 2.4rem;
    line-height: inherit;
    color: #cc0000;
}

.user_currency_grayblue_font {
    font: 700 2.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 2.4rem;
    line-height: inherit;
    color: #00fffc;
}

.legal_tender_amount_font {
    font: 2.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 2.4rem;
    line-height: inherit;
    color: #8e8e93;
}

.amount_font {
    font: bold 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #000000;
}

.amount_middle_font {
    font: bold 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.0rem;
    line-height: inherit;
    color: #000000;
}

.amount_red_font {
    font: bold 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #cc0000;
}

.amount_blue_font {
    font: bold 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #007aff;
}

.amount_thin_blue_font {
    font: lighter 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #007aff;
}

.amount_white_font {
    font: bold 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #ffffff;
}

.amount_big_blue_font {
    font: bold 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.0rem;
    line-height: inherit;
    color: #007aff;
}

.amount_total_big_font {
    font: 2.66666666667rem Avenir Next Condensed, sans-serif;
    font-size: 2.8rem;
    line-height: inherit;
    color: #000000;
}

.amount_total_big_white_font {
    font: 2.66666666667rem Avenir Next Condensed, sans-serif;
    font-size: 2.86666666667rem;
    line-height: inherit;
    color: #ffffff;
}

.amount_big_font {
    font: bolder 2.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 2.4rem;
    line-height: inherit;
    color: #000000;
}

.amount_bigger_font {
    font: bolder 3.0rem Kohinoor Devanagari, sans-serif;
    font-size: 3.2rem;
    line-height: inherit;
    color: #000000;
}

.amount_bigger_white_font {
    font: bolder 3.0rem Kohinoor Devanagari, sans-serif;
    font-size: 3.2rem;
    line-height: inherit;
    color: #ffffff;
}

.amount_bigger_blue_font {
    font: bolder 3.0rem Kohinoor Devanagari, sans-serif;
    font-size: 3.2rem;
    line-height: inherit;
    color: #007aff;
}

.spin_blue_font {
    font: bolder 3.0rem Avenir Next Condensed, sans-serif;
    font-size: 3.2rem;
    line-height: inherit;
    color: #ffffff;
}

.spin_white_font {
    font: bolder 3.0rem Avenir Next Condensed, sans-serif;
    font-size: 3.2rem;
    line-height: inherit;
    color: #ffffff;
}

.spin_white_middle_font {
    font: bolder 2.66666666667rem Avenir Next Condensed, sans-serif;
    font-size: 2.86666666667rem;
    line-height: inherit;
    color: #ffffff;
}

.content_little_font {
    font: 100 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    line-height: inherit;
    color: rgba(255, 255, 255, 0.5);
}

.content_yellow_little_font {
    text-align: center;
    font-weight: bold;
    /*font: 100 1.0rem Kohinoor Devanagari, sans-serif;*/
    font-size: 1.0rem;
    line-height: inherit;
    color: rgba(129, 122, 76, 0.8);
}

.content_white_little_font {
    text-align: center;
    font-weight: bold;
    /*font: 100 1.0rem Kohinoor Devanagari, sans-serif;*/
    font-size: 1.0rem;
    line-height: inherit;
    color: rgba(255, 255, 255, 1);
}

.content_bold_big_font {
    font: 700 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.06666666667rem;
    line-height: inherit;
    color: #292b2e;
}

.content_bold_red_big_font {
    font: 700 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.06666666667rem;
    line-height: inherit;
    color: #980505;
}

.content_bold_big_white_font {
    font: bold 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.0rem;
    line-height: inherit;
    color: #ffffff;
}

.content_light_font {
    font: 100 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.06666666667rem;
    line-height: inherit;
    color: #292b2e;
}

.content_light_white_font {
    font: lighter 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #ffffff;
}

.content_normal_white_font {
    font: 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #ffffff;
}

.content_bold_white_font {
    font: 600 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #ffffff;
}

.content_white_font {
    font: lighter 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #ffffff;
}

.content_small_white_font {
    font: 500 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #ffffff;
}

.content_middle_white_font {
    font: 500 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.4rem;
    line-height: inherit;
    color: #ffffff;
}

.content_middle_black_font {
    font: 500 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.4rem;
    line-height: inherit;
    color: #000000;
}

.content_big_id_font {
    font: 4.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 4.46666666667rem;
    line-height: inherit;
    color: #000000;
}

.content_big_action_id_font {
    font: 4.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 4.46666666667rem;
    line-height: inherit;
    color: #980505;
}

.countdown_font {
    font: 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.0rem;
    line-height: inherit;
    color: #000000;
}

.countdown_big_font {
    font: 600 3.66666666667rem Kohinoor Devanagari, sans-serif;
    font-size: 3.66666666667rem;
    line-height: inherit;
    color: #ffffff;
}

.invite_unit_font {
    font: 1.33333333333rem Avenir, sans-serif;
    font-size: 1.53333333333rem;
    line-height: inherit;
}

.invite_amount_font {
    font: 3.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 3.43333333333rem;
    line-height: inherit;
}

.menu_font {
    font: 1.0rem Avenir Next Condensed, sans-serif;
    font-size: 1.13333333333rem;
    line-height: inherit;
}

.input_error_font {
    font: 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #cc0000;
}

.agreement_title_font {
    font: bold 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.0rem;
    line-height: 2.4rem;
    color: #000000;
}

.agreement_content_font {
    font: 300 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: 2.0rem;
    color: #000000;
}

.agreement_content_bold_font {
    font: 500 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: 2.0rem;
    color: #000000;
}

.help_middle_font {
    font: 300 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    color: #000000;
}

.help_middle_red_font {
    font: 300 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: 2.0rem;
    color: red;
}

.help_middle_gray_red_font {
    font: 300 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: 2.0rem;
    color: #ff9999;
}

.help_middle_bold_font {
    font: 600 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: 2.0rem;
    color: #000000;
}

.invite_code_desc_font {
    font: 300 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    line-height: 1.66666666667rem;
    color: #004CA1;
}

.invite_code_desc_low_font {
    font: 300 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    line-height: 1.0rem;
    color: #004CA1;
}

.invite_code_title_font {
    font: 300 0.666666666667rem Kohinoor Devanagari, sans-serif;
    font-size: 0.933333333333rem;
    line-height: 1.33333333333rem;
    color: #004CA1;
    height: 1.33333333333rem;
    margin-top: -0.333333333333rem;
}

.invite_code_font {
    font: 600 2.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 2.4rem;
    line-height: 2.4rem;
    color: #004CA1;
    height: 2.4rem;
    margin-bottom: 0rem;
}

.invite_scan_font {
    font: 400 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.13333333333rem;
    line-height: 1.2rem;
    color: #004CA1;
    height: 1.2rem;
    margin-bottom: 0.333333333333rem;
}

.invite_fish_font {
    font: 700 4.66666666667rem Avenir Next Condensed, sans-serif;
    font-size: 4.66666666667rem;
    line-height: 4.33333333333rem;
    color: #db0560;
    height: 4.33333333333rem;
}

.invite_desc_font {
    font: 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.13333333333rem;
    line-height: 1.26666666667rem;
    color: #000000;
    margin-top: 0.666666666667rem;
}

.invite_fish_currency_font {
    font: 400 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: 2.0rem;
    color: #004CA1;
    height: 2.0rem;
}

.invite_remain_fish_font {
    font: 700 1.33333333333rem Avenir Next Condensed, sans-serif;
    font-size: 1.6rem;
    line-height: 2.66666666667rem;
    color: #004CA1;
    height: 2.66666666667rem;
}

.verify-msg {
    font: bold 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
    color: #666666;
}

.power_big_font {
    font: 600 4.0rem Kohinoor Devanagari, sans-serif;
    font-size: 4.26666666667rem;
    line-height: inherit;
    color: #000000;
}

.color_gray {
    color: #8e8e93;
}

.color_darkgray {
    color: #646467;
}

.color_black {
    color: #000000;
}

.color_white {
    color: #ffffff;
}

.color_blue {
    color: #007aff;
}

.color_red {
    color: #ff0000;
}

.color_green {
    color: #009900;
}

.kohinoor_30_bold {
    font: 700 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    line-height: inherit;
}

.kohinoor_30_light {
    font: 100 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    line-height: inherit;
}

.kohinoor_30_regular {
    font: 400 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    line-height: inherit;
}

.kohinoor_30_semibold {
    font: 600 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.0rem;
    line-height: inherit;
}

.kohinoor_36_bold {
    font: 700 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
}

.kohinoor_36_semibold {
    font: 600 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
}

.kohinoor_36_medium {
    font: 500 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
}

.kohinoor_36_regular {
    font: 400 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
}

.kohinoor_36_light {
    font: 100 1.0rem Kohinoor Devanagari, sans-serif;
    font-size: 1.2rem;
    line-height: inherit;
}

.kohinoor_48_light {
    font: 100 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
}

.kohinoor_48_medium {
    font: 500 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
}

.kohinoor_48_semibold {
    font: 600 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
}

.kohinoor_48_bold {
    font: 700 1.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
}

.kohinoor_60_bold {
    font: 700 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.0rem;
    line-height: inherit;
}

.kohinoor_60_semibold {
    font: 600 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.0rem;
    line-height: inherit;
}

.kohinoor_60_medium {
    font: 500 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.0rem;
    line-height: inherit;
}

.kohinoor_60_light {
    font: 100 2.0rem Kohinoor Devanagari, sans-serif;
    font-size: 2.0rem;
    line-height: inherit;
}

.kohinoor_72_semibold {
    font: 600 2.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 2.4rem;
    line-height: inherit;
}

.kohinoor_72_bold {
    font: 700 2.33333333333rem Kohinoor Devanagari, sans-serif;
    font-size: 2.4rem;
    line-height: inherit;
}

.kohinoor_96_semibold {
    font: 600 3.0rem Kohinoor Devanagari, sans-serif;
    font-size: 3.2rem;
    line-height: inherit;
}

.kohinoor_96_bold {
    font: 700 3.0rem Kohinoor Devanagari, sans-serif;
    font-size: 3.2rem;
    line-height: inherit;
}

/*---------------------------------------------------------------------------------*/
.title {
    color: white;
    position: relative;
    font-size: 1.2rem;
    font-weight: bolder;
}

.content {
    color: white;
    position: relative;
    font-size: .875rem;
}

#corePlatform .title, #corePlatform .content {
    margin-top: -.25rem;
    float: left;
}

#corePlatform .title {
    margin-left: 20%;
    top: 5%;
    right: 1rem;
}

#corePlatform .content {
    text-align: left;
}

#monstersLeague .title, #monstersLeague .content, #monstersExplore .title, #monstersExplore .content {
    top: 5%;
}

#platformPlan .title, #about .title {
    padding-top: 5%;
}

#corePlatform {
    margin-top: 3rem;
    width: 60%;
    height: 2rem;
    background: #e4aa33;
    background-clip: padding-box;
    /*border: 10px solid transparent;*/
    padding: 10px;
    border: solid transparent;
    border-width: 1.625rem 1.625rem;
    -moz-border-image: url(../images/nine/btnYellow.gif) 62 42 round;
    -webkit-border-image: url(../images/nine/btnYellow.gif) 62 42 round;
    -o-border-image: url(../images/nine/btnYellow.gif) 62 42 round;
    border-image: url(../images/nine/btnYellow.gif) 62 42 fill round;
    margin-left: auto;
    margin-right: auto;
}

#monstersLeague {
    margin-top: 3rem;
    margin-right: 0.675rem;
    display: inline-block;
    width: 30%;
    height: 2.75rem;
    background: #3fd2cc;
    background-clip: padding-box;
    /*border: 10px solid transparent;*/
    /*padding: 10px;*/
    border: solid transparent;
    border-width: 1.625rem 1.625rem;
    -moz-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
    -webkit-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
    -o-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
    border-image: url(../images/nine/btnBlueness.gif) 62 42 fill round;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}

#monstersExplore {
    margin-top: 3rem;
    margin-left: 0.675rem;
    display: inline-block;
    width: 30%;
    height: 2.75rem;
    background: #2fb9e9;
    background-clip: padding-box;
    /*border: 10px solid transparent;*/
    /*padding: 10px;*/
    border: solid transparent;
    border-width: 1.625rem 1.625rem;
    -moz-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
    -webkit-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
    -o-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
    border-image: url(../images/nine/btnBlue.gif) 62 42 fill round;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}

#platformPlan {
    margin-top: 3rem;
    margin-right: 0.675rem;
    display: inline-block;
    width: 30%;
    height: 2.75rem;
    background: #3fd2cc;
    background-clip: padding-box;
    /*border: 10px solid transparent;*/
    /*padding: 10px;*/
    border: solid transparent;
    border-width: 1.625rem 1.625rem;
    -moz-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
    -webkit-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
    -o-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
    border-image: url(../images/nine/btnBlueness.gif) 62 42 fill round;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}

#about {
    margin-top: 3rem;
    margin-left: 0.675rem;
    display: inline-block;
    width: 30%;
    height: 2.75rem;
    background: #2fb9e9;
    background-clip: padding-box;
    /*border: 10px solid transparent;*/
    /*padding: 10px;*/
    border: solid transparent;
    border-width: 1.625rem 1.625rem;
    -moz-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
    -webkit-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
    -o-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
    border-image: url(../images/nine/btnBlue.gif) 62 42 fill round;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}

.foot_space {
    background-color: #eeeacf;
    height: 6.25rem
}

.login_background {
    background: url("../images/cover_background.png") #eeeacf no-repeat;
    background-size: 36.0rem;
}

.content_background {
    background: url("../images/floorGrass.gif") #eeeacf repeat-x;
    background-size: 6.6666667rem;
}

.margin-middle-top {
    margin-top: 5rem;
}

#tabs {
    border: none;
    background-color: #eeeacf;
}

#tabs .tabs-spacer {
    float: left;
    height: 48rem;
}

#tabs .ui-tabs-nav {
    clear: left;
    background: #cdc8a6;
    text-align: center;
    /*padding: 0 .2rem .2rem .2rem;*/
}

#tabs .ui-tabs-nav li {
    top: -4px;
    bottom: 0;
    /*left: 3rem;*/
    float: none !important;
    display: inline-block;
    margin: 0 .2rem .675rem 0;
    /*border-bottom: auto;*/
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

#tabs ul li a {
    display: block;
    /*margin-left: 0.5rem;*/
    /*margin-top: -2px;*/
    padding: .375rem 2rem;
    background: #dfdbbd;
    text-decoration: none;
    color: #ffffff;
    font-size: 1rem;
    border-radius: 0 0 5px 5px;
    border-color: #817a4c;
}

#tabs ul li.ui-tabs-active a {
    background: #eeeacf;
    color: #817a4c;
    outline: none;
}

#tabs .ui-tabs-nav li.ui-tabs-active {
    margin-top: -1px;
    padding-top: 1px;
    outline: none;
    background-color: #dfdbbd;
}

.content_title {
    background-image: url("../images/title_background.png");
    /*width: 19.375rem;*/
    /*height: 3.9rem;*/
    max-width: 16rem;
    background-size: 100% 100%;
    width: 16rem;
    height: 3rem;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.title3 {
    /*margin-top: -.25rem;*/
    padding-top: 0.475rem;
    color: white;
    position: relative;
    font-size: 1.5rem;
    font-weight: bolder;
}

.content3 {
    color: #817a4c;
    padding-top: 1rem;
    min-height: 35rem;
}

.content3 li {
    list-style: none;
    padding-top: 1rem;
    padding-right: 3rem;
}

.node {
    position: relative;
    top: 3px;
    display: inline-block;
    margin: 0 0em;
    background-image: url(../images/node.png);
    background-size: 100%;
    width: 12px;
    height: 12px;
}

.contentBox {
    text-align: left;
    width: 85%;
    line-height: 1.5em;
    margin-left: 1rem;
}

.nodeBox, .contentBox {
    padding: 1em 0;
    height: 100%;
    float: left;
}

.nodeBox {
    width: 11%;
}

.desc_text {
    text-align: left;
    padding: 1rem
}

dl {
    margin: 0;
    padding: .375rem 0 0 0;
    color: #e4aa33;
}

dd {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    font-size: 0.875rem;
    margin: 0;
    text-indent: 0em;
    color: #e4aa33;
}

.corePlatCreateMonsters {
    width: 50%;
    /*margin-left: -.275rem;*/
}

.teamInfo {
    text-align: center;
}

.contactUs {
    padding-bottom: 3rem;
    padding-top: 4rem;
}

.contactUs:link {
    font-family: Arial;
    font-style: italic;
    color: #817a4c
}


.width_24 {
    width: 8rem;
}

.content5 {
    color: #817a4c;
    padding-bottom: 5rem;
    /*min-height: 120rem;*/
}

/*
    创造怪物用的css
*/
.creator_background{
    background: url("../images/mHead.png") #000000 no-repeat;
    background-size: 36rem;
}

.creator_topMenu{
    background-color: #535353;
    margin-top: 3.6rem;
}

.creator_topBtnRight{
    float: right;
}

.creator_topBtn{
    width: 3.3rem;
    height: 3.3rem;
}

.draw_top{
    margin-top: 1rem;
}

.draw_topBtn{
    width: 5.3rem;
    height: 5.3rem;
}

.draw_topBtnLeft{
    float: left;
    margin-left: 2rem;
}

.draw_topBtnRight{
    float: right;
    margin-right: 2rem;
}

.draw_preview{
    text-align: center;
    height: 5.6rem;
    width: 5.6rem;
    margin-left: 2.3rem;
    margin-top: -0.3rem;
}

.canvasBox{
    margin-top: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
    text-align: center;
    background-color: white;
    overflow: hidden;
}


#canvas{
    /*margin-left: 10px;*/
    height: 30rem;
}

.logo-layout{
    margin-top: 1.7rem;
    width:5.3rem;
    height: 0.9rem;
}


#shareimg{
    margin-top: 1.7rem;
    width: 40%;
}

.share-font{
    color: white;
    text-align: center;
    margin-top: -2rem;
    width: 150%;
    line-height:200%;
    transform: scale(0.5);
    transform-origin-x: 0;
    margin-left: -2.3rem;
}







#sharecode{
    text-align: center;
    margin-top: -1.5rem;
}

#likebtn{

	margin-top: 1rem;
	margin-left: 10.5rem;

}

.likebtnfont{
	color: white;
	position: absolute;
	margin-left: 7rem;
	margin-top: 0.33rem;
	font-size: 2.6rem;
}

.likebtnlove{
	position: absolute;
	margin-left: 3.3rem;
	margin-top: 0.67rem;
}

#createbtn{
	margin-top: 14rem;
	margin-left: 10.5rem;

}

.createbtnfont{
	color: white;
	position: absolute;
	margin-left: 3.3rem;
	margin-top: 0.4rem;
	font-size: 2rem;
}


#toshare{
    width: 9rem;
    height: 15rem;
    background: url('../images/sharebg.png') center no-repeat;
    background-size: auto 100%;
    text-align: center;
}


#toshare2{
    margin-top:3rem;
    text-align: center;
}

#createdimg{
    width: 50%;
}

#createshareimg{
    width: 26.7rem;
    height:40rem;
    margin-top: 3.3rem;
}

#shareinfo{
    position:absolute;
    width: 26.7rem;
    height:40rem;
    margin-top: 3.3rem;
}

.tosharefont{
    font-size: 3.3rem;
    color: white;
}

.savefont{
    text-align: center;
    margin-top: 2.5rem;
}

